@import "./font/iconfont";

.emptyCol {
    height: 10px;
}

.bgwhite {
    background-color: white;
}

nz-header {
    background-color: white;
    width           : 100vw;
    padding         : 0;

    .headCol1 {
        display        : flex;
        justify-content: space-between;

        .menuBar>ul>li {
            font-size  : 20px;
            font-weight: bold;
        }

        .logoBox {
            display      : flex;
            padding-right: 10px;
        }

        .logoTitle1 {
            font-weight    : bold;
            text-align     : justify;
            text-align-last: justify;

            font-size         : 27px;
            // position       : relative;
            // left           : 5px;
            // top            : -10px;
        }

        .logoTitle2 {
            font-weight    : bold;
            text-align     : justify;
            text-align-last: justify;
            position       : relative;
            left           : 5px;
            top            : -45px;
        }
    }

    .headCol2 {
        display        : flex;
        justify-content: space-between;

        .menuBar>ul>li {
            font-size  : 16px;
            font-weight: bold;
        }

        .logoBox {
            display      : flex;
            padding-right: 10px;
        }

        .logoTitle1 {
            font-weight    : bold;
            text-align     : justify;
            text-align-last: justify;

            font-size         : 27px;
            // position       : relative;
            // left           : 5px;
            // top            : -10px;
        }

        .logoTitle2 {
            font-weight    : bold;
            text-align     : justify;
            text-align-last: justify;
            position       : relative;
            left           : 5px;
            top            : -45px;
            font-size      : 12px;
        }
    }

    .headCol3 {
        display        : flex;
        justify-content: space-between;

        .menuBar {
            padding-left: 20px;

            ul>li {
                font-size  : 15px;
                font-weight: bold;
            }
        }

        .logoBox {
            display      : flex;
            padding-right: 10px;
        }

        .logoTitle1 {
            font-weight    : bold;
            text-align     : justify;
            text-align-last: justify;

            font-size         : 21px;
            // position       : relative;
            // left           : 5px;
            // top            : -10px;
        }

        .logoTitle2 {
            font-weight    : bold;
            text-align     : justify;
            text-align-last: justify;
            position       : relative;
            left           : 5px;
            top            : -45px;
            font-size      : 12px;
        }
    }


}


.index-kmn {

    .ant-menu-horizontal>.ant-menu-item:hover,
    .ant-menu-horizontal>.ant-menu-item-selected {
        color           : white;
        border-bottom   : 2px solid #1890ff;
        background-color: #1890ff;
    }

}

.main-content {
    width: 100vw;

    .bredFlex {
        display: flex;
    }

    .breadItem {
        max-width    : 200px;
        white-space  : nowrap;
        overflow     : hidden;
        text-overflow: ellipsis;
    }

    .titleInfoBar1 {
        line-height    : 35px;
        font-size      : 20px;
        padding        : 10px 40px;
        display        : flex;
        justify-content: space-between;
        // height      : 35px;

        .backToIndex {
            font-size  : 20px;
            font-weight: bold;
            color      : #1890ff;
        }

        .zbLeaderTitle {
            color      : #1890ff;
            font-weight: bold;
        }

        .leaderBar {
            font-size: 16px;

            .zbLeader {
                margin-left: 10px;
            }

            .impValue {
                font-weight: bold;
            }
        }

        .rightBar {
            display        : flex;
            justify-content: flex-end;
        }

    }

    .titleInfoBar2 {
        line-height    : 35px;
        font-size      : 16px;
        padding        : 10px 40px;
        display        : flex;
        justify-content: space-between;
        // height      : 35px;

        .backToIndex {
            font-size  : 18px;
            font-weight: bold;
            color      : #1890ff;
        }

        .zbLeaderTitle {
            color      : #1890ff;
            font-weight: bold;
        }

        .leaderBar {
            font-size: 14px;

            .zbLeader {
                margin-left: 10px;
            }

            .impValue {
                font-weight: bold;
            }
        }

        .rightBar {
            display        : flex;
            justify-content: flex-end;
        }
    }

    .titleInfoBar3 {
        line-height    : 35px;
        font-size      : 15px;
        padding        : 10px 10px 30px 10px;
        display        : flex;
        justify-content: space-between;
        // height      : 35px;

        .backToIndex {
            font-size  : 16px;
            font-weight: bold;
            color      : #1890ff;
        }

        .zbLeaderTitle {
            color      : #1890ff;
            font-weight: bold;
        }

        .leaderBar {
            font-size: 12px;

            .zbLeader {
                margin-left: 10px;
            }

            .impValue {
                font-weight: bold;
            }
        }

        .rightBar {
            display        : flex;
            justify-content: flex-end;
        }
    }

    .leftMenu1 {
        font-size  : 22px;
        font-weight: bold;
        line-height: 64px;

        li {
            list-style: none;
            padding   : 25px 0;

            span {
                margin-left: 5px;
            }
        }

        li:hover {
            color : #1890ff;
            cursor: pointer;
        }

    }

    .leftMenu2 {
        font-size  : 18px;
        font-weight: bold;
        line-height: 25px;

        li {
            list-style: none;
            padding   : 30px 0;

            span {
                margin-left: 5px;
            }
        }

        li:hover {
            color : #1890ff;
            cursor: pointer;
        }

    }

    .leftMenu3 {
        font-size  : 17px;
        font-weight: bold;
        line-height: 64px;

        li {
            list-style: none;
            padding   : 15px 0;

            span {
                margin-left: 5px;
            }
        }

        li:hover {
            color : #1890ff;
            cursor: pointer;
        }

    }

    .articleUl {
        .articalHead1 {
            display        : flex;
            justify-content: space-between;
            line-height    : 30px;
            border-bottom  : 2px solid #d9d9d9;
            margin-bottom  : 5px;

            span {
                font-size  : 20px;
                font-weight: bold;

                span {
                    margin-left: 5px;
                }
            }
        }

        .articalHead2 {
            display        : flex;
            justify-content: space-between;
            line-height    : 30px;
            border-bottom  : 2px solid #d9d9d9;
            margin-bottom  : 5px;

            span {
                font-size  : 15px;
                font-weight: bold;

                span {
                    margin-left: 5px;
                }
            }
        }

        .articalHead3 {
            display        : flex;
            justify-content: space-between;
            line-height    : 30px;
            border-bottom  : 2px solid #d9d9d9;
            margin-bottom  : 5px;

            span {
                font-size  : 15px;
                font-weight: bold;

                span {
                    margin-left: 5px;
                }
            }
        }

        .articalList1 {
            font-size      : 14px;
            line-height    : 4vh;
            display        : flex;
            justify-content: space-between;
        }

        .articalList2 {
            font-size      : 12px;
            line-height    : 4vh;
            display        : flex;
            justify-content: space-between;
        }

        .articalList3 {
            font-size      : 12px;
            line-height    : 4vh;
            display        : flex;
            justify-content: space-between;
        }

        .articalTitle {
            white-space  : nowrap;
            overflow     : hidden;
            text-overflow: ellipsis;
            font-weight  : bold;
            padding      : 0 10px;
        }

        .articalTitle:hover {
            color : #1890ff;
            cursor: pointer;
        }
    }

    .cardContainer {
        margin-left: 40px;

        .rightCard {
            height : 92px;
            margin : 10px 0 10px 10px;
            display: block;
            opacity: 0.7;
        }

        .rightCard1 {
            background: url('../../../../assets/index/aqsc.png') center center;
        }

        .rightCard2 {
            background: url('../../../../assets/index/bzhtx.png') center center;
        }

        .rightCard3 {
            background: url('../../../../assets/index/xtbg.png') center center;
        }

        .rightCard4 {
            background: url('../../../../assets/index/jbxx.png') center center;
        }

        .rightCard1:hover,
        .rightCard2:hover,
        .rightCard3:hover,
        .rightCard4:hover {
            cursor : pointer;
            opacity: 1;
        }
    }

    .bannerImg {
        width     : 100%;
        height    : 35vh;
        object-fit: cover;
    }
}

.footer1 {
    text-align: center;
    width     : 100vw;


    .footerMainText {
        font-size: 18px;
        padding  : 10px 0;
    }

    .footerMainSubText {
        font-size: 15px;
        padding  : 5px 0;
    }
}

.footer2 {
    text-align: center;
    width     : 100vw;


    .footerMainText {
        font-size: 15px;
        padding  : 10px 0;
    }

    .footerMainSubText {
        font-size: 12px;
        padding  : 5px 0;
    }
}

.footer3 {
    text-align: center;
    width     : 100vw;


    .footerMainText {
        font-size: 15px;
        padding  : 10px 0;
    }

    .footerMainSubText {
        font-size: 12px;
        padding  : 5px 0;
    }
}



// .iconfont-color-orange {
//     color: rgb(255, 96, 51);
// }
// .iconfont-color-lightorange {
//     color: rgb(250, 148, 74);
// }
// .iconfont-color-blue {
//     color: rgb(24, 144, 255);
// }